<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<script type="text/javascript">
$(document).ready(function(){
    $('[data-toggle="popover"]').popover({
        placement : 'left'
    });
});
</script>

<?php $this->assign('subtitle', 'Publicar Rádio'); ?>
<?php $podeEditar = $emissora['situacao_id'] == \App\Model\Entity\Situacao::Aguardando; ?>

<div class="row content-view">

    <div class="col-md-10 col-md-offset-1 backButton">
        <a href="<?= $this->Link->returnUrl(array('action' => 'finalizados'), true) ?>"> <h4>
                <button type="button" title="Adicione a longitude" data-placement="bottom" class="btn btn-sm btn-info btn-circle">
                    <i class="fa fa-arrow-left" style="font-size: 12px"></i>
                </button> Voltar</h4></a>
    </div>

    <div class="col-md-10 col-md-offset-1">

        <div class="panel panel-default">
            <div class="panel-heading">
                <h3 class="panel-title text-info">Dados cadastrais da emissora no painel</h3>
            </div>
            <div class="panel-body">
                <fieldset class="form-panel">
                    <div class="col-md-5">
                        <div class="form-group">
                            <label class="control-label" for="cpf_cnpj">CNPJ:</label>
                            <input disabled="disabled" autofocus class="form-control" placeholder="ex: 99.999.999/9999-99" name="cpf_cnpj" id="cpf_cnpj" value="<?php echo $emissora['cpf_cnpj']; ?>" />
                        </div>
                        <div class="form-group">
                            <label class="control-label" for="razaosocial">Razão Social:</label>
                            <input disabled="disabled" class="form-control" placeholder="Insira a razão social" name="razaosocial" id="razaosocial" value="<?php echo $emissora['razaosocial']; ?>" />
                        </div>
                        <div class="form-group">
                            <label class="control-label" for="nomefantasia">Nome Fantasia:</label>
                            <input disabled="disabled" class="form-control" placeholder="Insira nome fantasia" name="nomefantasia" id="nomefantasia" value="<?php echo $emissora['nomefantasia']; ?>" />
                        </div>
                    </div>
                    <div class="col-md-5 col-md-offset-1">
                        <div class="form-group">
                            <label class="control-label" for="cidade">Cidade:</label>
                            <input disabled="disabled" class="form-control" placeholder="Insira a cidade" name="cidade" id="codigo_abert" value="<?php echo $emissora['cidade']; ?>" />
                        </div>
                        <div class="form-group">
                            <label class="control-label" for="codigo_abert">Código ABERT:</label>
                            <input disabled="disabled" class="form-control" placeholder="Insira o código" name="codigo_abert" id="codigoabert" value="<?php echo $emissora['codigo_abert']; ?>" />
                        </div>
                    </div>
                </fieldset>
                <fieldset class="form-panel">
                    <div class="col-md-5">
                        <div class="form-group">
                            <label class="control-label" for="responsavel_cadastro">Nome:</label>
                            <input disabled="disabled" class="form-control" placeholder="Nome do cadastrante" name="responsavel_cadastro" id="responsavel_cadastro" value="<?php echo $emissora['responsavel_cadastro']; ?>" />
                        </div>
                        <div class="form-group">
                            <label class="control-label" for="departamento_responsavel">Departamento:</label>
                            <input disabled="disabled" class="form-control" placeholder="Marca empresarial" name="departamento_responsavel" id="departamento" value="<?php echo $emissora['departamento_responsavel']; ?>" />

                        </div>
                        <div class="form-group">
                            <label class="control-label" for="telefone_responsavel">Telefone:</label>
                            <input disabled="disabled" class="form-control" placeholder="Ex: (ddd) xxxx-xxxxl" name="telefone_responsavel" id="telefone" value="<?php echo $emissora['telefone_responsavel']; ?>" />
                        </div>
                    </div>
                    <div class="col-md-5 col-md-offset-1">
                        <div class="form-group">
                            <label class="control-label" for="cargo_responsavel">Cargo:</label>
                            <input disabled="disabled" class="form-control" placeholder="Cargo do cadastrante" name="cargo_responsavel" id="cidade" value="<?php echo $emissora['cargo_responsavel']; ?>" />
                        </div>
                        <div class="form-group">
                            <label class="control-label" for="email_responsavel">Email:</label>
                            <input disabled="disabled" type="email" class="form-control" placeholder="Email do cadastrante" name="email_responsavel" id="email" value="<?php echo $emissora['email_responsavel']; ?>" />
                        </div>
                        <div class="form-group">
                            <label class="control-label" for="celular_responsavel">Celular:</label>
                            <input disabled="disabled" class="form-control" placeholder="Ex: (ddd) xxxx-xxxx" name="celular_responsavel" id="celular" value="<?php echo $emissora['celular_responsavel']; ?>" />
                        </div>
                    </div>
                </fieldset>

            </div>
            <div class="panel-heading">
                <h3 class="panel-title text-info">Dados cadastrais da rádio</h3>
            </div>
            <div class="panel-body"  style="padding-top: 4%">
                <form role="form" method="POST" id="form-publicar">
                    <fieldset class="form-panel">
                        <div class="col-md-5">
                            <div class="form-group">
                                <label class="control-label" for="endereco">Endereço:</label>
                                <input disabled autofocus class="form-control" name="endereco" id="endereco" value="<?php echo $emissora['endereco']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="numero">Número:</label>
                                <input disabled class="form-control" name="numero" id="numero" value="<?php echo $emissora['numero']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="endereco_complemento">Complemento do endereço:</label>
                                <input disabled class="form-control" name="endereco_complemento" id="endereco_complemento" value="<?php echo $emissora['endereco_complemento']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="bairro">Bairro:</label>
                                <input disabled class="form-control" name="bairro" id="bairro" value="<?php echo $emissora['bairro']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="cep">CEP:</label>
                                <input disabled class="form-control" name="cep" id="cep" value="<?php echo $emissora['cep']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="website">Home Page:</label>
                                <input disabled class="form-control" name="website" id="website" value="<?php echo $emissora['website']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="grupo_rede">Grupo /Rede:</label>
                                <input disabled autofocus class="form-control" name="grupo_rede" id="grupo_rede" value="<?php echo $emissora['grupo_rede']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="proprietario">Proprietário:</label>
                                <input disabled class="form-control" name="proprietario" id="proprietario" value="<?php echo $emissora['proprietario']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="email_proprietario">Email (proprietário):</label>
                                <input disabled class="form-control" name="email_proprietario" id="email_proprietario" value="<?php echo $emissora['email_proprietario']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="celular_proprietario">Celular (proprietário):</label>
                                <input disabled class="form-control" name="celular_proprietario" id="celular_proprietario" value="<?php echo $emissora['celular_proprietario']; ?>" />
                            </div>
                            <div class="form-group has-feedback">
                                <label class="control-label" for="palavra_chave">Facebook:</label>
                                <input disabled class="form-control" placeholder="link do perfil"  name="facebook" id="facebook" value="<?php echo $emissora['facebook']; ?>" />
                                <span class="glyphicon glyphicon-link form-control-feedback text-muted"></span>
                                <button type="button" data-trigger="focus" data-toggle="popover" data-content="Aqui você deve adicionar o link da FanPage que sua rádio tem no Facebook. Este Campo não é obrigatório" class="btn btn-sm btn-info btn-circle indexTooltip">
                                    <i class="fa fa-question" style="font-size: 12px"></i>
                                </button>
                            </div>
                            <div class="form-group has-feedback">
                                <label class="control-label" for="twitter">Twitter:</label>
                                <input disabled class="form-control" placeholder="Link do Twitter"  name="twitter" id="twitter" value="<?php echo $emissora['twitter']; ?>" />
                                <span class="glyphicon glyphicon-link form-control-feedback text-muted"></span>
                                <button type="button" data-trigger="focus" data-toggle="popover" data-content="Aqui você deve adicionar o link que sua emissora tem no Twitter. Este Campo não é obrigatório." class="btn btn-sm btn-info btn-circle indexTooltip">
                                    <i class="fa fa-question" style="font-size: 12px"></i>
                                </button>
                            </div>

                            <div class="form-group has-feedback">
                                <label class="control-label" for="link_rds">Link RDS:</label>
                                <input disabled class="form-control" placeholder="Link do RDS"  name="link_rds" id="link_rds" value="<?php echo $emissora['link_rds']; ?>" />
                                <span class="glyphicon glyphicon-link form-control-feedback text-muted"></span>
                                <button type="button" data-trigger="focus" data-toggle="popover" data-content="Aqui você deve adicionar o link RDS do seu sistema de automação. Verifique com o fornecedor do sistema se contempla esta função. Este Campo não é obrigatório" class="btn btn-sm btn-info btn-circle indexTooltip">
                                    <i class="fa fa-question" style="font-size: 12px"></i>
                                </button>
                                
                            </div>
                            <div class="form-group has-feedback">   
                                <label class="control-label" for="link_integracao_programacao">Link da programação:</label>
                                <input disabled class="form-control" placeholder="link da programação"  name="link_integracao_programacao" id="link_integracao_programacao" value="<?php echo $emissora['link_integracao_programacao']; ?>" />
                                <span class="glyphicon glyphicon-link form-control-feedback text-muted"></span>
                                <button type="button" data-trigger="focus" data-toggle="popover" data-content="Aqui você deve adicionar o link da sua programação automática fornecida pelo sistema de automação. Entre em contato com seu fornecedor para verificar se seu sistema contempla esta função. Este Campo não é obrigatório." class="btn btn-sm btn-info btn-circle indexTooltip">
                                    <i class="fa fa-question" style="font-size: 12px"></i>
                                </button>
                            </div>
                            <div class="form-group ">
                                <label class="control-label required" for="latitude">Latitude:</label>
                                <input disabled class="form-control" placeholder="latitude"  name="latitude" id="latitude" value="<?php echo $emissora['latitude']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label required" for="longitude">Longitude:</label>
                                <input disabled class="form-control" placeholder="longitude"  name="longitude" id="longitude" value="<?php echo $emissora['longitude']; ?>" />
                            </div>
                        </div>

                        <div class="col-md-5 col-md-offset-1">
                            <div class="form-group">
                                <label class="control-label" for="emissora_ativa">Emissora Ativa:</label>
                                <input disabled class="form-control" name="emissora_ativa" id="emissora_ativa" value="<?= $emissora['emissora_ativa'] == '1' ? 'Sim' : 'Não'; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="data_ativacao">Data de Ativação:</label>
                                <input disabled class="form-control" name="data_ativacao" id="data_ativacao" value="<?php echo $emissora['data_ativacao']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="data_inativacao">Data de Inativação:</label>
                                <input disabled class="form-control" name="data_inativacao" id="data_inativacao" value="<?php echo $emissora['data_inativacao']; ?>" />
                            </div>
                            <div class = "form-group">
                                <label class = "control-label">Emissora Adimplente</label>
                                <div>
                                    <label class="radio-inline">
                                        <input disabled type="radio" name="emissora_admimplente" id="emissora_admimplente_sim" value="option1">
                                        Sim </label>
                                    <label class="radio-inline">
                                        <input disabled type="radio" name="emissora_admimplente" id="emissora_admimplente_nao" value="option2">
                                        Não </label>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="data_ultimo_pagamento">Data do útilmo pagamento:</label>
                                <input disabled class="form-control" name="data_ultimo_pagamento" id="data_ultimo_pagamento" value="<?php echo $emissora['data_ultimo_pagamento']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label required" for="nome_empresa">Nome da empresa do aplicativo:</label>
                                <input disabled class="form-control" name="nome_empresa" id="nome_empresa" value="<?php echo $emissora['nome_empresa']; ?>" />
                            </div>
                            <div class="row">

                                <div class="form-group">
                                <label class="control-label required col-md-12">Imagem da logo:</label>
                                <div class="col-md-5">
                                    <a target="_blank" title="clique para baixar o arquivo" href="../downloadImage?imagem=<?php echo 'img/upload/' . $emissora['logo']; ?>" >
                                        <div class="thumbnail imgThumb">
                                        <?php
                                        if ($emissora['logo']) {
                                            echo $this->Html->image('upload/' . $emissora['logo'], ['class' => 'img-responsive']);
                                        }
                                        ?>
                                        </div>
                                    </a>
                                </div>

                            </div>
                            <div class="form-group">
                                <label class="control-label"  for="palavra_chave">Palavra chave:</label>
                                <input disabled class="form-control" placeholder="Insira a palavra chave"  name="palavra_chave" id="palavra_chave" value="<?php echo $emissora['palavra_chave']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="texto_rotativo">Texto rotativo:</label>
                                <input disabled class="form-control" name="texto_rotativo" id="palavra_chave" value="<?php echo $emissora['texto_rotativo']; ?>" />
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="palavra_chave">Mensagem de compartilhamento:</label>
                                <textarea disabled class="form-control" name="mensagem_compartilhamento" id="mensagem_compartilhamento"><?php echo $emissora['mensagem_compartilhamento']; ?></textarea>
                            </div>
                            <div class="form-group">
                                <label class="control-label required" for="nome_provedor_streaming">Nome do Provedor:</label>
                                <input disabled class="form-control" placeholder="Nome do Provedor"  name="nome_provedor_streaming" id="nome_provedor_streaming" value="<?php echo $emissora['nome_provedor_streaming']; ?>" />
                            </div>
                            <div class="form-group has-feedback">
                                <label class="control-label required" for="streaming">Link da transmissão:</label>
                                <input disabled class="form-control" placeholder="link da transmissão"  name="streaming" id="streaming" value="<?php echo $emissora['streaming']; ?>" />
                                <span class="glyphicon glyphicon-link form-control-feedback text-muted"></span>
                            </div>
                            <div class="form-group">
                                <audio src="<?php echo $emissora['streaming']; ?>" controls></audio>
                            </div>

                            <div class="form-group has-feedback <?php echo isset($errors['url_loja_ios']) ? 'has-error' : ''; ?>">
                                <label class="control-label required" for="url_loja_ios">Link do Aplicativo iOS:</label>
                                <input  <?= $podeEditar ? "" : "disabled" ?> class="form-control" placeholder="Link do Aplicativo iOS"  name="url_loja_ios" id="url_loja_ios" value="<?php echo $emissora['url_loja_ios']; ?>" />
                                <span class="glyphicon glyphicon-link form-control-feedback text-muted"></span>
                                <button type="button" title="Adicione o link do Aplicativo iOS" data-placement="bottom" class="btn btn-sm btn-info btn-circle indexTooltip">
                                    <i class="fa fa-question" style="font-size: 12px"></i>
                                </button>
                            </div>

                            <div class="form-group has-feedback <?php echo isset($errors['url_loja_android']) ? 'has-error' : ''; ?>">
                                <label class="control-label required" for="url_loja_android">Link do Aplicativo Android:</label>
                                <input <?= $podeEditar ? "" : "disabled" ?> class="form-control" placeholder="Link do Aplicativo Android"  name="url_loja_android" id="url_loja_android" value="<?php echo $emissora['url_loja_android']; ?>" />
                                <span class="glyphicon glyphicon-link form-control-feedback text-muted"></span>
                                <button type="button" title="Adicione o link do Aplicativo Android" data-placement="bottom" class="btn btn-sm btn-info btn-circle indexTooltip">
                                    <i class="fa fa-question" style="font-size: 12px"></i>
                                </button>
                            </div>

                        </div>
                    </fieldset>
                </form>

                <?php if ($podeEditar) { ?>
                    <div class="form-group col-md-11" style="padding-top: 2%">
                        <div class="pull-right">
                            <a href="#" data-toggle="modal" data-target="#modal-aprovacao" class="btn btn-info">
                                Publicar
                            </a>
                        </div>
                    </div>
                <?php } ?>

                <div class="col-md-12 dashed" style="padding-left: 0%; padding-right: 0%"> </div>

                <div class="col-md-12">
                    <p style="text-align: center">
                        Os dados marcados com <span class="required-mark">*</span> terão de ser preenchidos, caso contrário o cadastro não poderá ser efetuado
                    </p>
                </div>
            </div>
        </div>
    </div>
</div>


<div class="modal fade"  id="modal-aprovacao">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body">
                <h4>Deseja publicar a rádio?</h4>
            </div>
            <div class="modal-footer">
                <button id="btn-aprovar" type="button" class="btn btn-primary">
                    Publicar
                </button>
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    Cancelar
                </button>

            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->


<?php $this->start('script'); ?>
<script type="text/javascript">
    $(document).ready(function () {
        $('#btn-aprovar').click(function (event) {
            event.preventDefault();
            $('#form-publicar').submit();
        });
    });
</script>
<?php $this->end(); ?>